<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>浩德金控</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom fonts for this template -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>

    <!-- Plugin CSS -->
    <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">

    <!-- Custom styles for this template -->
	<link href="css/creative.min.css" rel="stylesheet">
	

	<link rel="stylesheet" type="text/css" href="./jquery.pagepiling.css" />
	
	<link rel="stylesheet" type="text/css" href="css/animations.css" />

    <script src="vendor/jquery/jquery.min.js"></script>
	<script type="text/javascript" src="./jquery.pagepiling.min.js"></script>

    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
    <script src="vendor/scrollreveal/scrollreveal.min.js"></script>
    <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
	<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
	<script src="js/creative.min.js"></script>
	
	
	<script type="text/javascript">
		$(document).ready(function() {
	    	$('#pagepiling').pagepiling({
	    		menu: '#menu',
	    		anchors: ['page1', 'page2', 'page3', 'page4'],
			    sectionsColor: ['#bfda00',  '#e2fbe8','#bfefd9', '#a5e1e2','#83c5de'],
			    navigation: {
			    	'position': 'right',
			   		'tooltips': ['Page 1', 'Page 2', 'Page 3', 'Pgae 4']
			   	},
			   	afterRender: function(){
					//playing the video
					$('video').get(0).play();
				}
			});
	    });
    </script>

    <style>
    	/* Centered texts in each section
		* --------------------------------------- */
		.section{
			text-align:center;
		}

		#myVideo{
			position: absolute;
			z-index: 4;
			right: 0;
			bottom: 0;
			top:0;
			right:0;
			width: 100%;
			height: 100%;
			background-size: 100% 100%;
	 		background-color: black; /* in case the video doesn't fit the whole page*/
	  		/* background-image: /* our video */; 
	  		background-position: center center;
	  		background-size: contain;
	   		object-fit: cover; /*cover video background */
		}

		/* Layer with position absolute in order to have it over the video
		* --------------------------------------- */
		#section1 .layer{
			position: absolute;
			z-index: 5;
			width: 100%;
			left: 0;
			top: 43%;
			height: 100%;
		}

		#section1 h1 p{
			color:#fff;
		}

		#infoMenu li a{
			color: #fff;
		}


    </style>
</head>
<body>
    <nav class="bg-dark navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
		<div class="container">
		  <a class="navbar-brand js-scroll-trigger" href=".\index.html">
			  <img src=".\img\1111.png" style="max-width:50px;margin-top:-1px;" alt="brand">
		  浩德金控</a>
		  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		  </button>
		  <div class="collapse navbar-collapse" id="navbarResponsive">
			  <ul class="navbar-nav ml-auto">
				  <li class="nav-item ">
					<a class="nav-link js-scroll-trigger" href=".\about.html">关于我们</a>
				  </li>
				  
				  <li class="nav-item">
					<a class="nav-link js-scroll-trigger" href=".\say.html">CEO致辞</a>
				  </li>
	  
				  <li class="nav-item">
					<a class="nav-link js-scroll-trigger" href=".\linian.html">行业理念</a>
				  </li>
	  
				  <li class="nav-item">
					<a class="nav-link js-scroll-trigger" href=".\team.html">团队风采</a>
				  </li>
	  
				  <li class="nav-item">
					<a class="nav-link js-scroll-trigger" href=".\index.html#contact">联系我们</a>
				  </li>
			  </ul>
		  </div>
		</div>
	</nav>
	<div id="pagepiling">
	    <div class="section" id="section1">
	    	<video autoplay loop muted id="myVideo">
				<source src="./img/123.mp4" type="video/mp4">
			</video>
			<div class="layer">
				
					<div class="container-fluid">
						<div class="row no-gutters popup-gallery">
							<div class="col-lg-4 col-md-2 col-sm-3 col-xs-1">
								<h1 class="text-uppercase">
									<hr>
									<strong>企业文化</strong>
								</h1>
									<p>Company Culture</p>
			
							</div>
							<div class="row slideUp" >
								<div class="col-md-3 mx-auto">
									<p class="text-left mb-8"><strong>公司使命</strong></p>
									<p class="text-left mb-4">专注产融结合 服务产业经济 
									</br>忠于金融本质  勤于价值创造 </p>
								</div>
								<div class="col-md-3 mx-auto">	
									<p class="text-left mb-8"><strong>经营理念</strong></p>
									<p class="text-left mb-4">发展产业经济 创新产业金融 
									</br>多维产融结合 实现价值共赢 </p>
								</div>
								<div class="col-md-3 mx-auto">
									<p class="text-left mb-8"><strong>公司核心</strong></p>
									<p class="text-left mb-4">稳健、诚信、创新</br>专业、高效、分享 </p>
								</div>
								<div class="col-md-3 mx-auto">
									<p class="text-left mb-8"><strong>公司愿景</strong></p>
									<p class="text-left mb-4">致力于打造多个具有领先地位的产业发展平台，成为最有价值的产业金融控股集团。</p>
								</div>
							</div>
						</div>
					</div>
				
			</div>
	    </div>
	    <div class="section" id="section2">
	    	<div class="intro">
				<section class="text-center my-auto">
					<div class="container-fluid">
						<div class="row no-gutters popup-gallery">
							<div class="col-lg-4 col-md-2 col-sm-3 col-xs-1">
								<h1 class="text-uppercase">
									<hr>
									<strong>发展历程</strong>
								</h1>
									<p>Company History</p>
					
							</div>
							<div id="object" class="slideUp row">
								<div class="col-md-3 mx-auto">
									<p class="text-left mb-8"><strong>2010年</strong></p>
									<p class="text-left mb-5">成立北京浩德投资有限公司 </p>
								</div>							
								<div class="col-md-3 mx-auto">
									<p class="text-left mb-8"><strong>... </strong></p>
									<p class="text-left mb-5">进军金融投资领域，七年砥砺，锐意进取</p>
								</div>	
								<div class="col-md-3 mx-auto">
									<p class="text-left mb-8"><strong>2017年</strong></p>
									<p class="text-left mb-5">成立河南浩德金融投资控股有限公司 </p>
								</div>	
								<div class="col-md-3 mx-auto">
									<p class="text-left mb-8"><strong>... </strong></p>
									<p class="text-left mb-5">与洛阳自贸区探索混合所有制金控平台发展模式</p>
								</div>	
							</div>
						</div>
					</div>
				</section>
	    	</div>
		</div>
		<div class="section" id="section3">
	    	<div class="intro">
				<section class="text-center my-auto">
					<div class="container-fluid">
						<div class="row no-gutters popup-gallery">
							<div class="col-lg-4 col-md-2 col-sm-3 col-xs-1">
								<h1 class="text-uppercase">
									<hr>
									<strong>投资方向</strong>
								</h1>
									<p>Investment Trends</p>
							</div>
							<div class="col-md-6">
								<p class="text-left mb-8"><strong>核心产业+新兴行业</strong></p>
								<p class="text-left mb-5">围绕“产业”而不是“阶段”进行投资<br/>
									重点围绕核心产业方向与领域的并购整合：环境科技、消费升级、文化与泛娱乐、新型材料与先进制造技术、金融与资产管理<br/>
									着眼于未来5-10年新兴行业与技术布局的风险投资：智能制造、文化娱乐、新材料、人工智能、医疗教育。
									 </p>
							</div>	
								
						</div>
					</div>
				</section>
	    	</div>
	    </div>
	    <div class="section" id="section4">
	    	<div class="intro">
				<section class="text-center my-auto">
					<div class="container-fluid">
						<div class="row no-gutters popup-gallery">
							<div class="col-lg-4 col-md-2 col-sm-3 col-xs-1">
								<h1 class="text-uppercase">
									<hr>
									<strong>关联企业</strong>
								</h1>
									<p>Company Friends</p>
							</div>
							<div class="col-md-6">
								<p class="text-left mb-8"><strong>中浩德控股集团有限公司</strong></p>
								<p class="text-left mb-5">浩德集团，前身为洛阳伟业轧钢有限公司，创建于2003年，注册资金2亿元。集团总部位于洛阳市洛龙工业园区，现有成员企业10家，员工1200多人，经营范围涵盖了钢贸电商、电商产业园、地产开发、资本投资等四大领域。企业坚持多元化发展、专业化经营发展方式，坚定不移地走“实体+金融+资本+互联网”发展之路！现已发展成为一家多元化综合性集团公司。 </p>
							</div>	
								
						</div>
					</div>
				</section>
	    	</div>
		</div>
		<div class="section" id="section5">
	    	<div class="intro">
				<section class="text-center my-auto">
					<div class="container-fluid">
						<div class="row no-gutters popup-gallery">
							<div class="col-lg-4 col-md-2 col-sm-3 col-xs-1">
								<h1 class="text-uppercase">
									<hr>
									<strong>运营理念</strong>
								</h1>
									<p>Company Faith</p>
							</div>
							<div class="col-md-6">
								<p class="text-left mb-8"><strong>战略管控+平台支撑+产业协同+孵化</strong></p><br/>
								<p class="text-left mb-5"><strong>战略管控</strong>：从政策研判、行业周期到产业发展，全方位战略规划，全节点实时控制。<br/>
									<br/><strong>平台支撑</strong>：规范治理结构下的充分授权和平台共享，财务、人力资源、运营管理、风险管控四大共享平台，实现统一的文化输入和标准的对接语言。<br/>
									<br/><strong>产业协同</strong>：投资与产业协同、产业与产业之间协同，实现1 + 1 > 2。<br/>
									<br/><strong>孵化功能</strong>：基于集团战略定位与产业版图，通过前瞻的产业趋势洞察和布局，配置不同阶段的产业与投资组合，“孵化”具备独立融资功能和资本运作能力的产业平台，并与产业平台良性互动以期共赢。
									</p>
							</div>	
								
						</div>
					</div>
				</section>
	    	</div>
	    </div>
	</div>
    

</body>
</html>
